﻿<!DOCTYPE html>
<html lang="pt-br">
<head>
    <title>exemplo de box layout</title>
    <link href="Style/box.css" rel="stylesheet" />
</head>
<body>
    <header>
        <h1>Web tv</h1>
    </header>
    <section>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque sit amet mi sed lorem imperdiet posuere. Pellentesque ac pharetra lacus. Etiam nisl arcu, dapibus ut malesuada vitae, cursus at purus. Sed eleifend cursus nulla id luctus. Curabitur et mauris turpis. Morbi eu leo vel orci dapibus facilisis at nec metus. Suspendisse pretium purus non nibh aliquam ornare. Praesent laoreet purus at mi vestibulum suscipit congue orci molestie. Etiam eleifend congue nisi mattis fermentum. Vestibulum sed dolor nibh, non elementum dolor. Maecenas nec lacus ante, eget tristique lorem. Integer nec arcu dignissim enim venenatis lobortis. Sed justo est, volutpat nec sodales sit amet, tempus ut diam.

        Praesent hendrerit, est vel varius auctor, ligula purus venenatis arcu, luctus luctus ligula arcu eget nibh. Mauris neque odio, rutrum et rutrum quis, commodo at orci. Etiam pulvinar nunc at neque ornare luctus. Sed id convallis turpis. Donec blandit, sapien eu porta porta, felis lorem rutrum nulla, at lacinia tellus turpis ac lectus. Praesent tincidunt, lorem eu posuere hendrerit, nulla erat lacinia nisi, ac pretium arcu diam quis ligula. Nunc et nibh quis ante adipiscing bibendum non ut sem. Nam congue massa quis eros molestie accumsan. Aliquam posuere condimentum cursus.

        Pellentesque posuere, ipsum a condimentum pharetra, ligula justo condimentum felis, eget porttitor tortor arcu in leo. In sodales risus quis leo ullamcorper vel ultricies eros auctor. Aenean imperdiet tortor et ipsum iaculis vitae interdum mauris elementum. Integer aliquet tempus lorem, sed viverra diam auctor vehicula. Quisque velit sem, facilisis a suscipit eu, blandit ac felis. Vivamus posuere nisl vitae ligula euismod id placerat nibh semper. In hac habitasse platea dictumst. Phasellus sit amet tellus sed ante varius lobortis. Nullam imperdiet felis quis mauris lacinia ut condimentum mi mattis. Quisque ornare, enim in viverra malesuada, velit mi ultricies erat, ac tincidunt enim quam bibendum urna. In sodales neque eu quam congue scelerisque. Nullam ac dolor vel mi mollis congue.

        Nunc eu velit a est fermentum pulvinar. Etiam scelerisque leo leo, eget vehicula nunc. Mauris in lacus vitae magna rhoncus consectetur eu ac elit. Etiam sed lorem magna. Sed ultrices est vitae ante pellentesque vel faucibus enim convallis. Etiam dui augue, euismod non vestibulum ut, euismod eget nisl. In hac habitasse platea dictumst. Aenean vehicula, justo vitae rhoncus ornare, dolor quam vehicula sem, non consequat mauris augue et nunc. Donec a nisi quam, quis dignissim ante. Sed et tellus vel ligula dapibus scelerisque eget laoreet felis. Aenean volutpat nisi vitae massa fermentum eget dictum magna adipiscing.

        Aliquam placerat eleifend ligula. Pellentesque viverra adipiscing leo, a commodo mauris vestibulum tincidunt. Nulla non quam vel urna mattis interdum. Vivamus in sapien lorem, blandit ornare diam. Aenean egestas, risus at cursus pharetra, eros quam sodales dolor, nec rhoncus lacus lectus vel nisi. Quisque venenatis arcu tortor. Vivamus lobortis, elit ut suscipit semper, nulla metus lobortis urna, vel pulvinar tellus ante nec libero. Fusce tincidunt purus luctus eros suscipit pellentesque. Vestibulum rhoncus auctor tempor. Vivamus tempus, ante vel pellentesque adipiscing, ligula est pulvinar risus, tristique congue neque eros volutpat purus. Pellentesque aliquet varius nulla, in condimentum lectus imperdiet non.
    </section>

    <section>
        <article>
            <div id="one">One 244</div>
            <div id="two">Two</div>
            <div id="three">Three</div>
            <div id="four">Four</div>
        </article>
        <div id="circulo"></div>
        <div id="triangulo"></div>
    </section>
</body>
</html>
